import React from 'react'
import MinusIconActive from "../../../../../../../../res/images/web/shared/round-minus-icon-active.png";
import PlusIcon from "../../../../../../../../res/images/web/shared/round-plus-icon.png";
import {WingBlank} from "antd-mobile";
import './PkCounter.css'

const PkCounter = props => {

    const template = (
        <div
            className='flex-space-between-align-center mg-b-1'
        >
            <div
                className='full-pk-counter-input flex-center-align-center'
                style={{
                    height: '44px',
                    width: '52%',
                    background: 'rgba(0,0,0,0.4)',
                    borderRadius: '22px',
                }}
            >
                <input
                    placeholder='请输入球队/选手名称'
                />
            </div>
            <div
                className='flex-space-between-align-center'
                style={{
                    width: '42%',
                    height: '44px',
                    background: 'rgba(0,0,0,0.4)',
                    borderRadius: '22px',
                    padding: '0 8px',
                }}
            >
                <img src={MinusIconActive} alt=''/>
                <div
                >0</div>
                <img src={PlusIcon} alt=''/>
            </div>
        </div>
    )

    return template
}

export default PkCounter
